<link rel="stylesheet" href="/layui/css/layui.css">
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/layui/js/jquery.min.js"></script>
<div class="layui-tab-item layui-show">
    <div class="demoTable">
        搜索ID：
        <div class="layui-inline">
            <input class="layui-input" name="id" id="demoReload" autocomplete="off">
        </div>
        <button class="layui-btn" data-type="reload">搜索</button>
    </div>
    <table id="demo" lay-filter="test" class="layui-hide"></table>
</div>
<script>
    layui.use('table', function(){
        var table = layui.table ,form = layui.form;

//第一个表格实例
        table.render({
            elem: '#demo'
            ,height: 315
            ,url:"/admin/user/show" //数据接口
            ,page: true //开启分页
            ,id:'idTest'
            ,cols: [[ //表头
                {type:'checkbox'}
                ,{field:'id', width:80,edit: 'text',title: 'ID', sort: true}
                ,{field:'name', width:80,edit: 'text', title: '姓名'}
                ,{field:'company_name', width:80,edit: 'text', title: '公司名称'}
                ,{field:'gender', width:80,edit: 'text', title: '尊称', sort: true}
                ,{field:'phone', width:80,edit: 'text', title: '手机号'}
                ,{field:'user_name1', width:80,edit: 'text', title: '负责人'}
                ,{fixed: 'right', title:'操作',edit: 'text',align:'center', toolbar: '#barDemo'} //这里的toolbar值是模板元素的选择器
            ]]
        });

//分页操作
        var $ = layui.$, active = {
            reload: function(){
                var key =document.getElementById('xzk').value;
                var value=$('#demoReload');
//执行重载
                table.reload('idTest', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        key: {
                            key: key.toString(),
                            value:value.val()
                        }
                    }
                });
            }
        }
    })
</script>